﻿<!DOCTYPE html>
<html>
<head>
    <title>xxxx管理系统</title>
    <link rel="stylesheet" href="css/all.css">
    <link href="css/zTreeStyle/zTreeStyle.css" rel="stylesheet" type="text/css" />

</head>
<body  >

<div class="mapBox">
    <div class="mapBoxTree">
        <div class="mapBoxTreeUp">
            <p><input type="text" placeholder="输入关键字"><button class="find_but">查询</button></p>
            <p><ul id="treeDemo" class="ztree"  style=" overflow:auto"></ul></p>
        </div>
        <div class="mapBoxTreeDown">
            <p><label>视频编号：</label>20160231</p>
            <p><label>视频名称：</label>XX区一号视频</p>
            <p><label>所在经度：</label>北纬30</p>
            <p><label>所在纬度：</label>北纬30</p>
            <p><label>详情地址：</label>XX区360号</p>
            <p><label>设置状态：</label>良好</p>
            <p><button class="find_but">播放</button><button class="find_but" style="background-color: green">定位到地图</button></p>
        </div>
    </div>
    <div class="mapBoxVideo">
       <div><video controls="controls" autoplay="autoplay" src="webapp/SQJZJD.webm"></video></div>
        <div><video controls="controls" autoplay="autoplay" src="webapp/SQJZJD.webm"></video></div>
        <div><video controls="controls" autoplay="autoplay" src="webapp/SQJZJD.webm"></video></div>
        <div><video controls="controls" autoplay="autoplay" src="webapp/SQJZJD.webm"></video></div>

    </div>
    <div class="mapBoxMap"></div>
</div>
<script src="js/jquery/jQuery-2.2.0.min.js"></script>

<script type="text/javascript" src="js/demo/jquery.ztree.core-3.5.js"></script>
<script type="text/javascript" src="js/ztree/jquery.ztree.excheck-3.5.js"></script>
<script type="text/javascript" src="js/ztree/jquery.ztree.exedit-3.5.js"></script>

<script src="js/activeJs/organize.js"></script>
</body>
</html>
